<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>home</title>
		<link rel="stylesheet" type="text/css" href="index.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<header>
			<div class="container">
				<nav>
					<a href="#" class="logo"><img src="img/brand-white.png"/></a>
					<ul>
						<li><a href="">Home</a></li>
						<li><a href="">profile</a></li>
						<li><a href="">Messages</a></li>
						<li><a href="">Docs</a></li>
					</ul>
				</nav>
			</div>
		</header>
		<div class="main">
			<div class="container sand">
				<div class="left">
					<div class="dave dave1">
						<div class="i"></div>
						<img src="img/avatar-dhg.png"/>
						<h5>Dave Gamche</h5>
						<p>I aisn i was a little bit taller, wish i was a baller.</p>
					</div>
					<div class="dave dave2">
						<h5>About</h5>
						<p>Went to <span>On, CXanada</span><br />
							Became frends ends with <span>Obame</span><br />
							Worked at <span>Github</span><br />
							Lives in <span>Sandra Franciscon, CA</span><br />
							from <span>Seattle, WA</span>
						</p>
					</div>
					<div class="dave dave3">
						<h5>Photos</h5>
						<div class="tu">
							<img src="img/instagram_5.jpg"/>
							<img src="img/instagram_6.jpg" alt="" />
							<img src="img/instagram_7.jpg" alt="" />
							<img src="img/instagram_8.jpg" alt="" />
							<img src="img/instagram_9.jpg" alt="" />
							<img src="img/instagram_10.jpg" alt="" />
						</div>
					</div>
				</div>
				<div class="center">
					<div class="yi">
						<h5>Dave Gamache</h5>
						<span>4 min</span>
						<p>Aenean lacina bibendum nulla sed consecteur. Vestibulum id ligula porta felis euismod semper semper. Morbi leo risus, porta ac consectecur ac. vestibulem at5 eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semboer. Cum sociis natoque penatibus et magnis dis parturient montes,nascetur ridiculus mus.</p><br />
						<img src="img/unsplash_1.jpg"/>
						<img src="img/instagram_1.jpg"/>
						<img src="img/instagram_13.jpg"/>
						<img src="img/unsplash_2.jpg"/>
						<p><span>Jaconb ihorntor:</span>Donce id elit non mi porta gravida at eget metus metus. Vivamus sagittis lacu vel augue laoreet rutrum faucibus dolor. Donec ullamcorper nulla non consectetur et. Sed posuere consectur est lobortis.</p>
						<p><span>Mark Otto:</span>Lorem ipsum dolor sit amet. consectetur adipiscing elit.Fusce dapibus, tell ac cursus commodo, tortormauris condimentum nibh,ut fermentum massa justo sit amet risus.</p>
					</div>
					<div class="er">
						<h5>Jacob Thornton</h5>
						<p>Donce id elit non mi porta gravida at eget metus metus.Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur risiculus mus. Morbi leo risus, porta ac consecttur ac,vestibulum at eros, Lorem ipsum dolor sit maet, consectetur adipiscing elit.</p>
					</div>
					<div class="san">
						<h5>Mark Otto</h5>
						<p>Donec ullamcorper nulla non metus auctor fringilla. Vestibulum is ligula porta felis euismod seper. Aenean eu leo quam. Pellentesaque ornare sem lacinaa quam venenatis veatiibulum. Etiam porta sem malessuada magna mollis euismod. Donecsed odio dui. ven</p>
						<img src="img/instagram_3.jpg" alt="" />
						<p><span>Dave Gamache:</span>Donce id elit non mi porta gravida at eget metus metus.Vivamus sagittis lacu vel augue laoreet rutrum faucibus dolor. Donec ullamcorper nulla non metus auctor friailla, Praesent commodo cursus magna, vel scelerisque nisl consectetur et,Sed posuere consectetur est at lobortis.</p>
					</div>
				</div>
				<div class="right">
					<div class="shang">
						<h5>Sponsored</h5>
						<img src="img/instagram_2.jpg" alt="" />
						<h5>it might be time to visit icelang.</h5>
						<p>Iceland is so chill, and everything look cool here,Also,we heard the people are pretty nice.What are you waiying for？</p>
						<a href="">But a ticket</a>
					</div>
					<div class="xia">
						<div class="shangshang">
							<h5>Likes</h5>
							<div class="jia">
								<img src="img/avatar-fat.jpg" alt="" />
								<p><span>Jacob THornton</span>@fat</p>
								<a href="">Follow</a>
							</div>
							<div class="jia">
								<img src="img/avatar-mdo.png" alt="" />
								<p><span>Mark Otto</span>@fatfoIIOW</p>
								<a href="">Follow</a>
							</div>
						</div>
						<div class="xiaxia">
							<p>Dave reaiiy likes these nerds, no noe konews why though.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<p>Designed and built with all the love in the worild by <span>@mdo</span>,<span>@fat</span>,ang<span>@dhg</span></p>
			<ul>
				<li><a href="">About</a></li>
				<li><a href="">Terms</a></li>
				<li><a href="">Privacy</a></li>
				<li><a href="">Licenses</a></li>
				<li><a href="">FAQ</a></li>
			</ul>
		</footer>
	</body>
</html>
